// webpack 本身只能够处理js
// 想要处理其他静态资源， 需要配置loader
import './css/index.css';


let footer = document.querySelector('footer'),
  main = document.querySelector('main');


// Tab
[...footer.children].forEach((v, i) => {
  v.addEventListener('click', () => {
    footer.querySelector('.active').classList.remove('active')
    main.querySelector('.active').classList.remove('active');
    v.classList.add('active')
    main.children[i].classList.add('active')
  })
})